<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>${title}</title>
  <meta name="keywords" content="个人博客模板,博客模板,响应式" />
  <meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
  <link href="${CTPATH}/css/base.css" rel="stylesheet">
  <link href="${CTPATH}/css/about.css" rel="stylesheet">
  <link href="${CTPATH}/css/media.css" rel="stylesheet">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
  <!--[if lt IE 9]>
  <script src="${CTPATH}/js/modernizr.js"></script>
  <![endif]-->
</head>
<body>
<div class="ibody">
  <header>
    <h1>如影随形</h1>
    <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
    <div class="logo"><a href="/"></a></div>
    <nav id="topnav">
      <a href="${URLIndex}">首页</a>
      <a href="${URLUser}">关于我</a>
      <c:forEach items="${menus}" var="menu">
        <a href="${menu.url}">${menu.title}</a>
      </c:forEach>
    </nav>
  </header>
  <article>
    <h3 class="about_h">您现在的位置是：<a href="${URLIndex}">首页</a><a href="${URLUser}">关于我</a></h3>
    <div class="about">
      <h2>Just about me</h2>
      <ul>
        ${blogOwner.introduction}
      </ul>
      <h2>About my blog</h2>
      <ul class="blog_a">
        <p>域  名 </p>
        <p>服务器：</p>
        <p>程  序：</p>
        <p>微信公众号：</p>
      </ul>
    </div>
  </article>
  <aside>
    <div class="avatar"><a href="${URLUser}" style="background: url(${blogOwner.avatar}); "><span>关于我</span></a></div>
    <div class="topspaceinfo">
      <h1>执子之手，与子偕老</h1>
      <p>于千万人之中，我遇见了我所遇见的人....</p>
    </div>
    <div class="about_c">
      <p>网名：<span >${blogOwner.nickname}</span></p>
      <p>姓名：<span >${blogOwner.realname}</span> </p>
      <p>生日：<span >${blogOwner.birthday}</span></p>
      <p>籍贯：<span >${blogOwner.nativePlace}</span></p>
      <p>职业：<span >${blogOwner.profession}</span></p>
      <p>邮箱：<span >${blogOwner.email}</span></p>
      <p>微博：<span >${blogOwner.weibo}</span></p>
      <p>Q&nbsp;&nbsp;Q：<span >${blogOwner.qq}</span></p>
    </div>
  </aside>
  <script src="${CTPATH}/js/silder.js"></script>
  <div class="clear"></div>
  <!-- 清除浮动 -->
</div>
</body>
</html>
